// 获取用户个人信息接口
function selfInfo() {
  axios({
    method: 'get',
    url: 'http://api-breakingnews-web.itheima.net/my/userinfo',
    // `headers` 是即将被发送的自定义请求头
    headers: { 'Authorization': localStorage.getItem('token') }
  }).then(res => {
    // console.log(res);
    // 解构赋值
    // const {status,data} = res.data
    if(res.data.status === 0 ){
      const data = res.data.data
      // console.log(data);
      const {email,id,nickname,user_pic,username} = data
      // 将 邮箱 账号 昵称  渲染页面
      $('input[name=username]').val(username)
      $('input[name=nickname]').val(nickname)
      $('input[name=email]').val(email)
      // 将 用户的id 也赋值给input (隐藏)
      $('input[name=id]').val(id)
    } 
  })
}
selfInfo()

// console.log(window); // getUserInfo
// console.log(window.parent); // window 的爸爸 (小网页对应的大网页)
// 表单的注册事件  === 确认修改
$('form').on('submit',function (e) {
  e.preventDefault()
  // id  nickname email  key=value&key=value 
  const data = $('form').serialize()
  // 发送请求
  axios({
    method:'post',
    url: 'http://api-breakingnews-web.itheima.net/my/userinfo',
    // `headers` 是即将被发送的自定义请求头
    headers: { 'Authorization': localStorage.getItem('token') },
    data:data
  }).then(res=>{
    console.log(res);
    if(res.data.status === 0){
      layer.msg(res.data.message)

      // 调用大网页里边的方法 
      window.parent.getUserInfo()
    }
  })

})
  
// 重置按钮
$('.my-reset').on('click',function (e) {
  e.preventDefault()
  // ??? 重新发送请求 ,重新渲染 赋值
  selfInfo()
})



const form = layui.form;

form.verify({ // 指定规则名和对应的验证规则
    nickname: [ // 昵称
        /^[\u4E00-\u9FA5]+$/,  // 大于等于1
        '昵称只能是中文'
    ],
})